html{color: #000;background-color: #FFF}
*{margin: 0;padding: 0}
table{border-collapse: collapse;border-spacing: 0;}
fieldset,img{border: 0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style: normal;font-weight: normal;}
ol,ul{list-style: none;}
caption,th{text-align: left;}
h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;}
q:before,q:after{content: '';}
abbr,acronym{border: 0;font-variant: normal;}
sup{vertical-align: text-top;}sub{vertical-align: text-bottom;}
input,textarea,select{font-family: inherit;font-size: inherit;font-weight: inherit;*font-size: 100%;}
input:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-user-modify:read-write-plaintext-only;
}
legend{color: #000;}
a{cursor: pointer}
.clearfix:after {
    content: '';
    display:block;
    clear:both;
    height:0;
}
.clearfix {
    *zoom:1;
}
.text-center{
    text-align: center;
}
/*动画*/
.layerFade-enter-active, .layerFade-leave-active {
    transition: opacity .3s
}
.layerFade-enter, .layerFade-leave-active {
    opacity: 0
}
/*日记管理系统*/
.wrapper{
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    min-height: 100%;
    box-sizing: border-box;
    padding: 20px 0;
}
.contain{
    width: 960px;
    min-height: 500px;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 0 20px 20px;
}
.liner-bg{
    background: #EEE8C8; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#EEE8C8, #F1F1F1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#EEE8C8, #F1F1F1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#EEE8C8, #F1F1F1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#EEE8C8, #F1F1F1); /* Standard syntax */
}
.header{
    height: 60px;
    line-height: 60px;
    border-bottom: 2px solid #A39F98;
}
.nav{
    float: left;
}
.nav-tab>li{
    float: left;
    width: 100px;
    text-align: left;
}
.nav-tab>li>a{
    display: inline-block;
    color: #464B4E;
    font-size: 15px;
    cursor: pointer;
}
.nav-tab>li.active>a{
    font-weight: bold;
}
.nav-tab>li.active>a>.item-wrap{
    display: inline-block;
    border-bottom: 2px solid #1C1F21;
    box-sizing: border-box;
    height: 60px;
    padding: 2px 0;
}
.nav-tab>li>a:hover{
    font-weight: bold;
}
.ope{
    float: right;
}
.ope-tab>li{
    float: left;
    padding-left: 20px;
    text-align: center;
}
.ope-tab>li>a{
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
}
.ope-tab>li>a>i.icon-style{
    padding-right: 7px;
    color: #848877;
}
.left{
    float: left;
    width: 700px;
}
.action{
    margin: 20px 0;
}
.act-tab{
    float: left;
}
.act-add{
    float: right;
    line-height: 40px;
}
.act-tab>a.btn{
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 18px;
    color: #fff;
    font-size: 15px;
    background: #2C3033;
    box-sizing: border-box;
    border-radius: 5px;
}
.act-tab>a.btn>i{
    padding-right: 9px;
}
.act-tab>a.font{
    padding-left: 5px;
    color: #464B4E;
    font-size: 15px;
}
.publish-time>i{
    padding-left: 5px;
}
.list-area{
    padding: 3px 0;
    box-sizing: border-box;
    border-top: 1px solid #766F5F;
}
.list-tit{
    float: left;
    width: 68%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.list-ope{
    position: relative;
    float: right;
}
.list-ope .editor{
    position: absolute;
    right: 0;
    top: 20px;
    z-index: 10;
    text-align: right;
    background: #fff;
    border: 1px solid #CAE5EF;

}
.list-ope .editor a{
    display: block;
    padding: 0 10px;
    line-height: 25px;
    box-sizing: border-box;
}
.list-row{
    height: 20px;
    padding: 6px 0;
    color: #464B4E;
    font-size: 14px;
}
.right{
    float: right;
}
.sort-box{
    width: 180px;
    margin-top: 18px;
    color: #464B4E;
    font-size: 14px;
    box-sizing: border-box;
    padding-bottom: 20px;
}
.sort-box .tit{
    font-weight: bold;
    font-size: 14px;
}
.sort-box .sec{
    float: right;
}
.sort-box .fir{
    float: left;
}
.sort-box .box{
    display: block;
    box-sizing: border-box;
    padding: 10px 0;
}
.diary-wri{
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -115px 0 0 -200px;
}
.diary-box{
    width: 400px;
    height: 230px;
    background: #fff;
    border: 1px solid #2B2B2B;
    border-radius: 5px;
}
.diary-tit{
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}
.diary-row{
    box-sizing: border-box;
    padding: 10px 20px;
}
.diary-row .label{
    float: left;
    display: inline-block;
    width: 50px;
    font-size: 15px;
}
.diary-row .inp{
    height: 30px;
    width: 300px;
    padding-left: 5px;
    box-sizing: border-box;
}
.diary-row .txt{
    height: 70px;
    width: 300px;
    padding: 5px;
    box-sizing: border-box;
    resize: none;
}
.diary-row .select{
    position: relative;
    float: left;
    width: 300px;
    height: 30px;
}
.diary-row .select>.type{
    border: 1px solid #A9A9A9;
}
.diary-row .select .inp{
    width: 280px;
    height: 30px;
    padding-left: 5px;
    box-sizing: border-box;
    border: none;
    outline: none;
}
.diary-row .select .option {
    border: 1px solid #A9A9A9;
    border-top: none;
    background: #fff;
}
.diary-row .select .option>li{
    height: 30px;
    line-height: 30px;
}
.diary-row .select .option>li a{
    display: block;
    width: 100%;
    padding-left: 5px;
    box-sizing: border-box;
}
.diary-row .btn{
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 80px;
    border-radius: 5px;
    text-align: center;
}
.affirm{
    color: #fff;
    background-color: #62ADE7;
}
.cancel{
    color: #5F5F5F;
    border: 1px solid #D9D9D9;
}
.research{
    box-sizing: border-box;
    padding-top: 10px;
    border-top: 1px solid #A39F98;
}
.research>.tit{
    margin-bottom: 10px;
    font-weight: bold;
}
.resBox{
    position: relative;
    padding-right: 5px;
    box-sizing: border-box;
    border: 1px solid #A39F98;
}
.resBox>.inp{
    width: 155px;
    padding: 5px;
    border: none;
}
.resBox>.resbtn{
    color: #AFBCC7;
}
/*详情*/
.detTitle{
    line-height: 40px;
    text-align: center;
}
.detContent{
    text-indent: 2em;
    font-size: 14px;
}
/*编辑添加日记*/
.dirTitle{
    text-align: left;
    line-height: 50px;
    font-size: 15px;
}
.dirBox{
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    background: #F3F0DD;
}
.dirsubTitle>input{
    width: 100%;
    height: 40px;
    border: 1px dashed #DBDAD1;
    text-align: center;
    font-size: 20px;
    font-weight:bold;
}
.dirContent{
    width: 100%;
}
.dirContent>textarea{
    width: 100%;
    min-height: 200px;
    box-sizing: border-box;
    padding: 10px;
    border: none;
    border-top: 1px dashed #DBDAD1;
    resize: none;
}
.btnPosition,.typePosition{
    margin-top: 20px;
}

.dirType,.select{
    font-size: 12px;
    color: #5F5F5F;
}
.select{
    width: 120px;
}
.publish{
    width: 84px;
    height: 28px;
    line-height: 28px;
    border-radius: 3px;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background: #57A2DB;
}
.cancel{
    width: 60px;
    height: 28px;
    line-height: 28px;
    border-radius: 3px;
    display: inline-block;
    color: #5F5F5F;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
}